<template>
  <view class="enterpriseCert">
    <view class="item">
      <view class="title">公司名称</view>
      <input
        v-model="info.corporateName"
        :disabled="isDisabled"
        placeholder="请输入公司名称"
        class="flex input-class common-bg-white"
        placeholder-class="placeholder-class"
      />
    </view>

    <view class="item">
      <view class="title">联系人姓名</view>
      <input
        v-model="info.userName"
        :disabled="isDisabled"
        placeholder="请输入联系人姓名"
        class="flex input-class common-bg-white"
        placeholder-class="placeholder-class"
      />
    </view>

    <view class="item">
      <view class="title">联系电话</view>
      <input
        v-model="info.contactPhone"
        :disabled="isDisabled"
        placeholder="请输入联系电话"
        maxlength="11"
        class="flex input-class common-bg-white"
        placeholder-class="placeholder-class"
      />
    </view>

    <view class="item">
      <view class="title">所在行业</view>
      <view 
        class="con flex-row-align-center padding-lr-tw" 
        @click="handlePickerPop"
        :data-arr="industryList"
        :data-value="info.categoryId"
        data-type="category"
      >
        <view :class="['flex', !info.category && 'placeholder']">
          {{ info.category || "请选择所在行业" }}
        </view>
        <image
          src="https://talentsupload.oss-cn-beijing.aliyuncs.com/miniprogram/common/arrowDown.png"
        />
      </view>
    </view>

    <view class="item">
      <view class="title">企业规模(人数)</view>
      <view 
        class="con flex-row-align-center padding-lr-tw" 
        @click="handlePickerPop"
        :data-arr="scaleList"
        :data-value="info.userNumId"
        data-type="scale"
      >
        <view :class="['flex', !info.userNum && 'placeholder']">
          {{ info.userNum || "请选择企业规模(人数)" }}
        </view>
        <image
          src="https://talentsupload.oss-cn-beijing.aliyuncs.com/miniprogram/common/arrowDown.png"
        />
      </view>
    </view>

     <view class="item">
      <view class="title">本人岗位</view>
      <view 
        class="con flex-row-align-center padding-lr-tw" 
        @click="handlePickerPop"
        :data-arr="postList"
        :data-value="info.contactJobId"
        data-type="post"
      >
        <view :class="['flex', !info.contactJob && 'placeholder']">
          {{ info.contactJob || "请选择本人岗位" }}
        </view>
        <image
          src="https://talentsupload.oss-cn-beijing.aliyuncs.com/miniprogram/common/arrowDown.png"
        />
      </view>
    </view>

    <view class="item">
      <view class="title">添加营业执照</view> 
      <view class="img-box flex-row-align-center padding-lr-tw">
        <view 
          class="defalut-card" v-if="!info.businessImgUrl"
          @tap="handleUpload"
          data-type="businessLicense"
        >+</view>
        <image 
          v-else 
          :src="info.businessImgUrl"
          @tap="handleUpload"
          mode="aspectFit"
          data-type="businessLicense"
        />
      </view>
    </view>

    <view class="item">
      <view class="title">添加企业LOGO</view> 
      <view class="img-box flex-row-align-center padding-lr-tw">
        <view 
          class="defalut-card" v-if="!info.logoUrl"
          @tap="handleUpload"
          data-type="logo"
        >+</view>
        <image 
          v-else
          :src="info.logoUrl"
          @tap="handleUpload"
          mode="aspectFit"
          data-type="logo"
        />
      </view>
    </view>


    <view class="footer" v-if="auditStatus == '-1' || auditStatus == 2">
      <view
        :class="['btn', !canSubmit ? 'next-active' : 'next']"
        @click="handleSubmit"
      >
        提交认证
      </view>
    </view>

    <custom-CommonPickerPop ref="commonPickerPop" @onConfirm="onConfirm" />
    <custom-NoticeModal
      ref="noticeModal"
      :hideTitle="true"
      :hideFooter="true"
      :content="`认证${statusObj?.title}`"
      imgWidth="220rpx"
      imgHeight="220rpx"
      :heightPercent="0.32"
      :maskClick="auditStatus != 0"
      :imgSrc="statusObj?.imgSrc"
    />
  </view>
</template>
<script src="./indexMod.js" />
<style src="./indexStyle.scss" lang="scss" scoped>
</style>